.banner1{width: 800px;height: 260px;margin: 0 auto;position: relative;margin: 0px auto;overflow: hidden;}

.banner1 .imgbox img{width: 800px;height: 260px;position: absolute;left:800px;top:0;}
.banner1 .imgbox img:nth-child(1){left:0}

.banner1 .btns input{position: absolute;width: 40px;height: 40px;border: none;background: rgba(200,200,200,0.6);top:110px;}
.banner1 .btns input:active{background: #55f;color: #fff;}
.banner1 .btns .left{left:0}
.banner1 .btns .right{right:0}

.banner1 .list{width: 100%;height:30px;position: absolute;bottom: 0;left:0;display: flex;background: rgba(200,200,200,0.6)}
.banner1 .list span{flex: 1;text-align: center;line-height: 30px;cursor: pointer;border-left:solid 1px #fff;border-right: solid 1px #fff;}
.banner1 .list span.active{background: red;color: #fff}




.banner2{width: 400px;height: 100px;margin: 0 auto;position: relative;margin: 0px auto;overflow: hidden;}

.banner2 .imgbox img{width: 400px;height: 100px;position: absolute;left:800px;top:0;}
.banner2 .imgbox img:nth-child(1){left:0}

.banner2 .btns input{position: absolute;width: 20px;height: 20px;border: none;background: rgba(255,100,100,0.6);top:40px;}
.banner2 .btns input:active{background: #55f;color: #fff;}
.banner2 .btns .left{left:0}
.banner2 .btns .right{right:0}

.banner2 .list{width: 100%;height:20px;position: absolute;bottom: 0;left:0;display: flex;justify-content: center;}
.banner2 .list span{cursor: pointer;border-radius: 50%;background: rgba(200,200,200,0.6);width: 10px;height: 10px;margin: 0 20px;}
.banner2 .list span.active{background: red;color: #fff}